<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<link rel="stylesheet" href="css/trade.css" />
	
</head>

<body>
	<div id="header-wrap" data-lv="trade" data-main=1 data-login=1 data-limit=1>
		<img class="logo" src="img/logo.png" />
		<h2>交易明细</h2>
		<a href="###" id="filter" data-type="ico" class="right ico-m ico-pr ico-filter"></a>
	</div>
	<div class="board" data-type="board" id="type-filter">
		<div class="board-cont">
			<div class="tag-list" data-type="tag" data-limt=1>
				<h4>按时间筛选</h4>
				<div class="tl-cont">
					<a href="###" class="all"><span>全部</span></a>
					<a href="###"><span>近3天</span></a>
					<a href="###"><span>近7天</span></a>
					<a href="###"><span>近15天</span></a>
					<a href="###"><span>近30天</span></a>
					<a href="###"><span>30天以前</span></a>
				</div>
			</div>
			<div class="tag-list" data-type="tag"data-limt=1>
				<h4>按类型筛选</h4>
				<div class="tl-cont">
					<a href="###" class="all"><span>全部</span></a>
					<a href="###"><span>购买</span></a>
					<a href="###"><span>赎回</span></a>
					<a href="###"><span>充值</span></a>
					<a href="###"><span>提现</span></a>
					<a href="###"><span>结息</span></a>
				</div>
			</div>
			<div class="tag-list" data-type="tag"data-limt=1>
				<h4>相关产品</h4>
				<div class="tl-cont">
					<a href="###" class="all"><span>全部</span></a>
					<a href="###"><span>富贵天天</span></a>
					<a href="###"><span>富贵月月</span></a>
				</div>
			</div>
			<a href="###" id="filter-2" class="btn b-red b-small">查询</a>
		</div>
	</div>
	<div class="list-trade">
		<div class="lt-gen">共有<b>230</b>条记录/暂无记录</div>
		<ul>
			<li class="lt-buy"><a href="###" class="ico-pr ico-m ico-right" data-type = "ico" data-link="trade-detail">
				<em>购买</em>
				<div>
					<i>2015-05-05 12:12</i>
					<span>富贵天天</span>
				</div>
				<b>-2000.00</b>
			</a></li>
			<li class="lt-sell"><a href="###" class="ico-pr ico-m ico-right" data-type = "ico" data-link="trade-detail">
				<em>赎回</em>
				<div>
					<i>2015-05-05 12:12</i>
					<span>富贵月月 3个月期</span>
				</div>
				<b>+20.00</b>
			</a></li>
			<li class="lt-rech"><a href="###" class="ico-pr ico-m ico-right" data-type = "ico" data-link="trade-detail">
				<em>充值</em>
				<div>
					<i>2015-05-05 12:12</i>
					<span>资金账户</span>
				</div>
				<b>+20.00</b>
			</a></li>
			<li class="lt-extra"><a href="###" class="ico-pr ico-m ico-right" data-type = "ico" data-link="trade-detail">
				<em>提现</em>
				<div>
					<i>2015-05-05 12:12</i>
					<span>资金账户</span>
				</div>
				<b>-20.00</b>
			</a></li>
			<li class="lt-gain"><a href="###" class="ico-pr ico-m ico-right" data-type = "ico" data-link="trade-detail">
				<em>结息</em>
				<div>
					<i>2015-05-05 12:12</i>
					<span>富贵天天</span>
				</div>
				<b>+20.00</b>
			</a></li>
		</ul>
		<a href="###" class="btn b-small">加载更多</a>
	</div>
	<script>
	$(function(){
		$("#filter,#filter-2").unbind().on("click",function(){
			board("type-filter")
		})
		tag_list()
	})
	</script>	
</body>

</html>
